<!DOCTYPE html>
<html>
<head>
    <!-- 屈然 -->
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>工作台</title>
    <link rel="shortcut icon" href="favicon.ico">
    <link href="css/bootstrap.min14ed.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min93e3.css?v=4.4.0" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min862f.css?v=4.1.0" rel="stylesheet">
</head>

<body class="gray-bg top-navigation">

<div id="wrapper" style="height: 1100px;">
    <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom white-bg">
            <nav class="navbar navbar-static-top" role="navigation">
                <div class="navbar-header">
                    <button aria-controls="navbar" aria-expanded="false" data-target="#navbar" data-toggle="collapse"
                            class="navbar-toggle collapsed" type="button">
                        <i class="fa fa-reorder"></i>
                    </button>
                    <!-- <a href="#" class="navbar-brand">Hplus</a> -->
                    <img src="img/01.png" style="width: 23px;height: 23px; margin-left: 30px; margin-top: 13px;">
                </div>
                <div class="navbar-collapse collapse" id="navbar">
                    <ul class="nav navbar-top-links navbar-right">
                        <li>
                            <a href="login.html">

                                <img src="img/dangdajing.jpg"
                                     style="width: 20px;height: 20px; margin-right: 20px;margin-top: 2px;">
                                <img src="img/02.jpg"
                                     style="width: 35px;height: 25px; margin-top: 6px;margin-right: 10px;">
                                <img src="img/1608520128(1).png">Dreity
                                <i class="fa fa-sign-out"></i>
                            </a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>

        <div class="row" style="background-color: white;padding: 20px;margin-bottom: 20px;">
            <div class="ibox float-e-margins">
                <div id="" style="margin-left: 40px;">
                    首页&nbsp;/&nbsp;Dashboard&nbsp;/&nbsp;工作台
                </div>
                <div style="padding: 30px; border: 1px;margin-top: -40px; ">
                    <img src="img/1608528933(1).png"
                         style="width: 60px;height: 60px;border-radius: 50%;overflow: hidden;margin-right: -130px;margin-top: 30px;float: left;">
                    <p style="float: left;margin-left: 70px;margin-top: 40px; font-size: 14px;">
                        <strong>早安，曲丽丽，祝你开心每一天!</strong></p>
                    <p style="float: left; margin-left: -200px;font-size: 3px;margin-top: 70px;">
                        交互专家|蚂蚁金服-平台技术事业群-基础平台部-用户体验技术部-UED</p>
                </div>
                <div id="">
                    <img src="img/1608529402(1).png" style="float: right; margin-right: 130px;margin-top: -20px;">
                </div>
                <div class="flot-chart-content" id="flot-chart1"></div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-8"   >
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div>
	           				                    <span class="pull-right text-right">
	           				                    <small>全部项目<strong></strong></small>
	           				                    </span>
                            <h3 class="font-bold no-margins">
                                进行中的项目
                            </h3>
                        </div>

                        <div class="m-t-sm">

                            <div class="row">
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                            </div>
                            <div class="row">
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                                <div class="col-md-3">
                                    <img src="img/1608529815(1).png">
                                    <p style="margin-left: 20px;">这是一条描述信息这是一条描述信息这是一条描述信息</p>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>


                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <div>
                            动态
                        </div>
                        <hr>
                        <div id="">
                            <img src="img/1608520128(1).png">林东东&nbsp;&nbsp;在凤蝶精英小队新建项目&nbsp;6月迭代
                            <br>
                            <span id="" style="margin-left:30px;">
	           														2&nbsp;分钟前
	           													</span>
                        </div>
                        <hr>
                        <div id="">
                            <img src="img/1608520128(1).png">朱老师&nbsp;&nbsp;在凤蝶精英小队新建项目&nbsp;6月迭代
                            <br>
                            <span id="" style="margin-left:30px;">
	           														2&nbsp;分钟前
	           													</span>
                        </div>
                        <hr>
                        <div id="">
                            <img src="img/1608520128(1).png">傅小小&nbsp;&nbsp;在凤蝶精英小队新建项目&nbsp;6月迭代
                            <br>
                            <span id="" style="margin-left:30px;">
	           														2&nbsp;分钟前
	           													</span>
                        </div>
                        <hr>
                        <div id="">
                            <img src="img/1608520128(1).png">傅小小&nbsp;&nbsp;在凤蝶精英小队新建项目&nbsp;6月迭代
                            <br>
                            <span id="" style="margin-left:30px;">
	           														2&nbsp;分钟前
	           													</span>
                        </div>
                        <hr>
                        <div id="">
                            <img src="img/1608520128(1).png">周毛毛&nbsp;&nbsp;在凤蝶精英小队新建项目&nbsp;6月迭代
                            <br>
                            <span id="" style="margin-left:30px;">
	           														2&nbsp;分钟前
	           													</span>
                        </div>
                        <hr>
                        <div id="">
                            <img src="img/1608520128(1).png">付东东&nbsp;&nbsp;在凤蝶精英小队新建项目&nbsp;6月迭代
                            <br>
                            <span id="" style="margin-left:30px;">
	           														2&nbsp;分钟前
	           													</span>
                        </div>
                    </div>
                </div>

            </div>

            <div class="col-md-4" style="width: 560px;">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>快速开始/快捷导航</h5>
                    </div>
                    <div class="ibox-content no-padding">
                        <div class="flot-chart m-t-lg" style="height: 75px;">

                            <p style="font-size: 15px; margin-top: -10px; margin-left: 50px; margin-right: 10px;letter-spacing:5px;line-height:30px">
                                操作一&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <span id="" style="color: #0000FF;">操作二&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                                操作三&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                操作四&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                操作五&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                                <img src="img/1608524183(1).png" style="margin-left: -10px;">
                            </p>

                            <div class="flot-chart-content" id="flot-chart1"></div>
                        </div>
                    </div>

                </div>

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>雷达图</h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="dropdown-toggle" data-toggle="dropdown" href="graph_flot.html#">
                                <i class="fa fa-wrench"></i>
                            </a>
                            <ul class="dropdown-menu dropdown-user">
                                <li><a href="graph_flot.html#">选项1</a>
                                </li>
                                <li><a href="graph_flot.html#">选项2</a>
                                </li>
                            </ul>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="echarts" id="main"></div>
                    </div>
                </div>

                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>团队</h5>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">凤蝶精英</small>
                            </div>

                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">Ant Design</small>
                            </div>
                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">DesignLab</small>
                            </div>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">云雀项目组</small>
                            </div>

                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">Basement</small>
                            </div>
                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">傅小小后援</small>
                            </div>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <div class="row">
                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">Basement </small>
                            </div>

                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">云雀项目组</small>
                            </div>
                            <div class="col-xs-4">
                                <img src="img/1608520128(1).png">
                                <small class="stats-label">Ant Design</small>
                            </div>
                        </div>
                    </div>
                </div>

            </div>
        </div>


        <!--        <div class="row">-->
        <!--            <div class="col-lg-8">-->

        <!--            </div>-->
        <!--        </div>-->

    </div>

    <!--	           								  <div class="col-sm-6" style="float: right; margin-top: -715px; width: 560px;margin-right: 5px;">-->
    <!--	           								     -->
    <!--	           								 </div>-->

    <!--	           								  <div class="col-lg-4" style="float: right; margin-top: -370px; width: 560px; margin-right: 5px;">-->
    <!--	           								         -->
    <!--	           								     </div>-->

</div>

<script src="js/jquery.min.js?v=2.1.4"></script>
<script src="js/bootstrap.min.js?v=3.3.6"></script>
<script src="js/plugins/echarts/echarts-all.js"></script>
<script src="js/content.min.js?v=1.0.0"></script>
<script src="js/demo/echarts-demo.min.js"></script>
<script type="text/javascript" src="http://tajs.qq.com/stats?sId=9051096" charset="UTF-8"></script>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart = echarts.init(document.getElementById('main'));

    // 指定图表的配置项和数据
    var option = {
        title: {
            text: '堆叠区域图'
        },
        tooltip: {
            trigger: 'axis',
            axisPointer: {
                type: 'cross',
                label: {
                    backgroundColor: '#6a7985'
                }
            }
        },
        legend: {
            data: ['邮件营销', '联盟广告', '视频广告', '直接访问', '搜索引擎']
        },
        toolbox: {
            feature: {
                saveAsImage: {}
            }
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        xAxis: [
            {
                type: 'category',
                boundaryGap: false,
                data: ['周一', '周二', '周三', '周四', '周五', '周六', '周日']
            }
        ],
        yAxis: [
            {
                type: 'value'
            }
        ],
        series: [
            {
                name: '邮件营销',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [120, 132, 101, 134, 90, 230, 210]
            },
            {
                name: '联盟广告',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [220, 182, 191, 234, 290, 330, 310]
            },
            {
                name: '视频广告',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [150, 232, 201, 154, 190, 330, 410]
            },
            {
                name: '直接访问',
                type: 'line',
                stack: '总量',
                areaStyle: {},
                data: [320, 332, 301, 334, 390, 330, 320]
            },
            {
                name: '搜索引擎',
                type: 'line',
                stack: '总量',
                label: {
                    normal: {
                        show: true,
                        position: 'top'
                    }
                },
                areaStyle: {},
                data: [820, 932, 901, 934, 1290, 1330, 1320]
            }
        ]
    };

    // 使用刚指定的配置项和数据显示图表。
    myChart.setOption(option);
</script>
</body>


<!-- Mirrored from www.zi-han.net/theme/hplus/ by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 20 Jan 2016 14:17:11 GMT -->
</html>
	    
